﻿<!DOCTYPE html>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta charset="utf-8">
<title>我的订单-退款1</title>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<script src="../js/jquery-1.8.3.min.js"></script>
<script src="../js/jquery.luara.0.0.1.min.js"></script>
</head>

<body>
<div class="width100" style="height:25ox;background:#f0f0f0;">
	<div class="width1200 center_yh font14 c_66" style="height:25px;line-height:25px;">
    	<font class="left_yh">欢迎来到永安庄园•礼品世家！</font>
        <div class="right_yh" id="fast_jump">
        	<a href="${pageContext.request.contextPath}/member/login.jsp">登录</a>
            <b></b>
            <a href="${pageContext.request.contextPath}/member/register.jsp">注册</a>
            <b></b>
            <a href="${pageContext.request.contextPath}/member/index.jsp">个人中心</a>
            <b></b>
            <a href="#">手机商城</a>
        </div>
    </div>
</div>
<div class="width100 hidden_yh">
	<div class="width1200 center_yh hidden_yh">
    	<a href="#" class="block_yh left_yh" style="margin-top:40px;"><img src="../images/logo2.png"></a>
        <div class="right_yh" style="height:28px;width:316px;border:2px solid #dd4545;margin-top:48px;">
        	<form>
                <input type="text" placeholder="关键词查询" class="searCh">
                <input type="button" class="btnSearh" value="搜索">
            </form>
        </div>
    </div>
</div>
<!--导航条-->
<div class="width100" style="height:45px;background:#dd4545;margin-top:40px;position:relative;z-index:100;">
	<!--中间的部分-->	
	<div class="width1200 center_yh relative_yh" style="height:45px;">
    	<!--列表导航(downSlide就显示,否则就不显示)-->
    	<div class="left_yh" style="width:230px;height:45px;" id="hiddenShow">
        	<!--头部的图标-->
        	<img src="../images/cd.png" class="left_yh" style="margin-left:24px;">
            <span class="block_yh left_yh fff" style="height:45px;line-height:44px;margin-left:10px;">阶段分类</span>
            <!--下面的导航展开部分-->
            <div class="downSlide">
            	<!--一块-->
            	<div class="n1Nav">
                	<font>幼儿时代</font>
                    <img src="../images/jt.png">
                    <div class="n2Nav">
                    	<div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                    </div>
                </div>
                <!--一块-->
                <div class="n1Nav">
                	<font>小学时代</font>
                    <img src="../images/jt.png">
                    <div class="n2Nav">
                    	<div class="n3Nav">
                        	<h3>玩2具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--普通导航-->
        <div class="left_yh font16" id="pageNav">
        	<a href="${pageContext.request.contextPath}/index.jsp">首页</a>
            <a href="${pageContext.request.contextPath}/product.jsp">工艺礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">电子礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">品牌礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">商务礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">食品礼盒</a>
        </div>
    </div>
</div>
<!--当前位置-->
<div class="width1200 center_yh hidden_yh font14" style="height:40px;line-height:40px;">
	<span>当前位置:</span>
	<a href="#" class="c_66">首页></a>
	<a href="#" class="c_66">我的账户></a>
	<a href="#" class="c_66">我的订单</a>
</div>
<div class="width1200 hidden_yh center_yh">
    <div class="width100 hidden_yh" style="height:45px;">
        <img src="../images/bz3.png" class="n4">
    </div>
    <div class="width1198 hidden_yh" style="border:1px solid #ddd;margin-top:20px;">
    	<div class="left_yh hidden_yh" style="width:870px;border-right:1px solid #ddd;min-height:543px;">
        	<!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
                <div class="left_yh font16 tright" style="width:120px;">退款商品：</div>
                <img src="../images/132340c4fxnvp3ppwnohnv.jpg" width="105" height="105" class="left_yh">
                <div style="float:left;overflow:hidden;margin-left:20px;width:580px;">
                	<h3 class="font100 c_33 font20" style="margin-top:6px;">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                    <p class="c_66" style="margin-top:12px;">颜色;墨绿色  规格:15cm</p>
                </div>
            </div>
            <!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
                <div class="left_yh font16 tright" style="width:120px;line-height:28px;">服务类型：</div>
                <select style="padding:5px;border-color:#ddd;outline:none;">
                	<option>请选择</option>
                	<option>仅退款</option>
                    <option>退货退款</option>
                </select>
            </div>
            <!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
                <div class="left_yh font16 tright" style="width:120px;line-height:28px;">货物状态：</div>
                <select style="padding:5px;border-color:#ddd;outline:none;">
                	<option>请选择</option>
                	<option>未收到货</option>
                    <option>已收到货</option>
                </select>
            </div>
            <!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
                <div class="left_yh font16 tright" style="width:120px;line-height:28px;">退款原因：</div>
                <select style="padding:5px;border-color:#ddd;outline:none;">
                	<option>请选择</option>
                	<option>理由一</option>
                    <option>理由二</option>
                </select>
            </div>
            <!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
            	<div class="left_yh font16 tright" style="width:120px;line-height:28px;">退款金额/元：</div>
                <input type="text" style="width:91px;border:1px solid #ddd;outline:none;height:30px;text-indent:10px;color:red;" readonly value="280">
                <span class="c_99">含发货运费￥0.00</span>
            </div>
            <!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
            	<div class="left_yh font16 tright" style="width:120px;line-height:28px;">退款说明：</div>
                <textarea style="width:450px;height:200px;resize:none;outline:none;border:1px solid #ddd;font-size:16px;" placeholder="退款说明"></textarea>
            </div>
            <!--一条-->
            <div class="width100 hidden_yh" style="margin-top:20px;">
            	<div class="left_yh font16 tright" style="width:120px;line-height:28px;">上传图片：</div>
                <div style="width:720px;height:100px;float:left;overflow:hidden;border:1px dashed #ddd;" class="door_pt_in">
                	
                </div>
                <div id="scPz"><input type="file" multiple onchange="upload(this)" style="display:block;width:100%;height:100%;opacity:0;"></div>
                <p class="block_yh left_yh" style="margin-top:27px;margin-left:10px;">最多3张</p>
            </div>
            <!--一条-->
            <div class="width100" style="height:32px;line-height:32px;margin-top:83px;">
                <a href="javascript:void(0)" class="left_yh block_yh font16 tcenter ff5802" style="width:244px;height:33px;line-height:33px;margin-left:120px;">保存</a>
            </div>
            <!--上传图片-->
            <script>
            function upload(obj){
            var n = obj.files.length;
            for (var i = 0;i<n ;i++ ){
            var url = window.URL.createObjectURL(obj.files[i]);
            $(obj).parent().parent().find(".door_pt_in").append('<b style=\"background:url('+url+') no-repeat center;background-size:contain;width:80px;height:80px;display:block;float:left;margin:10px;"><p class="tcenter font12 block_yh red yh_ds" style="line-height:24px;height:24px;font-weight:100;background:rgba(204,204,204,0.5);cursor:pointer;">删除</p></b>')
            }
            }
			$(document).on("click",".yh_ds",function(){
          		$(this).parent().remove()
        	});	
            </script>
        </div>
        <div class="right_yh hidden_yh" style="width:287px;min-height:543px;padding-left:20px;padding-right:20px;">
        	<h3 class="font24 c_66 font100" style="height:70px;line-height:70px;border-bottom:1px dashed #ddd;">订单详情</h3>
            <div class="width100 hidden_yh" style="margin-top:30px;margin-bottom:30px;border-bottom:1px dashed #ddd;padding-bottom:10px;">
            	<div class="width100 hidden_yh">
            		<img src="../images/132340c4fxnvp3ppwnohnv.jpg" width="100" height="100" style="float:left">
                	<div style="width:176px;float:left;margin-left:10px;">
                	<h3 class="font16 c_66 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                    <p class="c_66 font14" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                </div>
                </div>
                <p class="c_66" style="margin-top:10px;">订单编号：<font class="c_33">60025412001</font></p>
                <p class="c_66" style="margin-top:10px;">单    价：<font class="c_33">￥298.00</font></p>
                <p class="c_66" style="margin-top:10px;">运    费：<font class="c_33">￥0.00</font></p>
                <p class="c_66" style="margin-top:10px;">商品总价：<font class="c_33">￥298.00</font></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
